<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>卡劵核销</title>
    <link rel="stylesheet" href="../src/css/weui.css">
    <script src="../src/js/libs/jquery-3.0.0.min.js"></script>
    <script src="../src/js/main.js"></script>
    <style>
        body{
            font: 1rem/1em "微软雅黑";
            background-color: #F2F2F2;
        }
        /* 顶部状态栏 */
        .state.weui_cells_title{
            background: #F2F2F2;
            line-height: 5.294rem;
            margin: 0;
            font-size: 1.45rem;
            color: #333333;
        }
        /* 设置icon的大小 */
        .weui_icon_msg:before{
            font-size: 2.5rem;
        }

        /* 兑换券详情 */
        .weui_cells_title.detail{
            font-size: 1.45rem;
            line-height: 5rem;
            color: #333333;
            text-align: center;
            box-sizing: border-box;
            background-color: #FFFFff;
            margin: 0;
        }
        .weui_cells.detail{
            padding: 0.7rem 0.3rem;
        }

    </style>
</head>
<body>

<div class="weui_cells_title state">
    <i class="weui_icon_msg weui_icon_warn"></i>
    兑换券已过期
</div>


<div class="weui_cells_title detail">捷泰汽车维修厂兑换券</div>
<div class="weui_cells detail">
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>兑换商品</p>
        </div>
        <div class="weui_cell_ft">磁护机油套装4L(测试)</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>卡劵编号</p>
        </div>
        <div class="weui_cell_ft">123456789</div>
    </div>
    <div class="weui_cell">
        <div class="weui_cell_bd weui_cell_primary">
            <p>兑换有效期</p>
        </div>
        <div class="weui_cell_ft">2016-07-30 24：00</div>
    </div>



</div>
</body>
</html>